<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=div, initial-scale=1.0">
    <title>Document</title>
    <link href="css/style.css" rel="stylesheet" />
</head>

<body>
    <div class="title">
        旋转魔方
    </div>
    <audio controls="controls" autoplay="autoplay"><source src="./video/踏山河.mp3" type="audio/mpeg"/>
  
 </audio>
    <div class="cube">
        <!-- 外层立方体 -->
        <div class="outer-cube">
            <div class="outer-top">
                <img src="images/1.jpg" />
            </div>
            <div class="outer-bottom">
                <img src="images/2.jpg" />
            </div>
            <div class="outer-front">
                <img src="images/3.jpg" />
            </div>
            <div class="outer-back">
                <img src="images/4.jpg" />
            </div>
            <div class="outer-left">
                <img src="images/5.jpg" />
            </div>
            <div class="outer-right">
                <img src="images/6.jpg" />
            </div>
        </div>
        <!-- 内层立方体 -->
        <div class="inner-cube">
            <div class="inner-top">
                <img src="images/12.jpg" />
            </div>
            <div class="inner-bottom">
                <img src="images/16.jpg" />
            </div>
            <div class="inner-front">
                <img src="images/17.jpg" />
            </div>
            <div class="inner-back">
                <img src="images/18.jpg" />
            </div>
            <div class="inner-left">
                <img src="images/19.jpg" />
            </div>
            <div class="inner-right">
                <img src="images/20.jpg" />
            </div>
        </div>
    </div>
    <div>
        <div class="message">
            <div class="author">
                ---城南花已开
            </div>
            <div class="tip">
                --书里总爱写出喜出望外的傍晚--
            </div>
        </div>
    </div>
</body>

</html>